import CreateAnimate from './objs/CreateAnimate'
import CreateNode from './objs/CreateNode'
import Dom from './objs/Dom';
import './static/index.css'

CreateAnimate.setBG();
window.setInterval(() => {
    const Size = (Math.random() * 150) + 100
    document.body.appendChild(CreateAnimate.init(CreateNode.Cube(Size)));
}, 500);

window.setInterval(() => {
    const Size = (Math.random() * 150) + 100
    document.body.appendChild(CreateAnimate.init(CreateNode.Img(Size)));
}, 1300)
window.setInterval(() => {
    CreateAnimate.setBG();
}, 2000)

const node = new Dom('div', undefined, { width: '100%', height: '100%' }) as HTMLElement;
node.style.background = 'radial-gradient(rgba(48, 39, 39,0.5), rgba(0, 0, 0,1))';
node.style.backgroundSize = 'cover';
document.body.appendChild(node);